/*css��ʽ��ʼ��*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
body { font-size:12px; color:#666; font-family:Verdana, Microsoft YaHei, Simsun; background:#fff; line-height:24px; }
fieldset, img { border:0; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
em { font-style:normal; }
input, button, select, textarea { outline:none; }
textarea { resize:none; } 
p{ text-align:justify; text-justify:distribute;} 
a { color: #666; text-decoration:none; }
a:hover { color: #f60; text-decoration:none; }
.clearfix:after{
��������content:"";
��������height:0;
��������line-height:0;
��������display:block;
��������visibility:hidden;
��������clear:both
����������}
.clearfix{
����������zoom:1;
		  border-bottom: 1px solid lightgrey
��������}
/*css��ʽ��ʼ�����*/

/*�Զ�����ʽ��ʼ*/
.header{
	position: relative;
	top: 0;
	left: 5%;
	height: 80px;
	width: 95%;
	background-color: #F5F5F5;
}
.content{
	height: 800px;
	width: 95%;
	position: relative;
	left: 5%;
}
.footer{
	position: relative;
	bottom: 0;
	height: 50px;
	background-color: skyblue;
	width: 95%;
	left: 5%;
}
.siber{
	position:absolute;
	top: 0;
	left: 0;
	width: 5%;
	height: 900px;
	background-color:#4169E1;
}
.header>div{
	float: left;
}
.title{
	font-size: 22px;
	line-height: 80px;
	text-align: center;
	cursor: pointer;
	margin-left: 30px;
}
.add{
	font-size: 28px;
	line-height: 78px;
	text-align: center;
	margin-left: 50px;
}
.nav{
	margin-left: 120px;
}
.nav>li{
	cursor: pointer;
	text-align: center;
	margin-top: 28px;
	margin-right: 5px;
	float: left;
	height: 50px;
	width: 65px;
	font-size: 16px;
	letter-spacing: 0.2em;
	margin-right: 20px;
}
.nav>li:hover{
	color:blue ;
	border-bottom: 2px solid blue
}
.content{
	position: relative;
	display: none;
	width: 95%;
	height: 800px;
	top: 0;
	
}
.active{
	display: block;
}
.logo{
	display: inline-block;
	position: absolute;
	top: 2%;
	left: 20%;
}
.siber>a{
	display:block;
	margin-top: 50%;
	width: 36px;
	height: 36px;
	position: relative;
	top: 12%;
	left: 27px;
}
.siber>span>img{
	width: 100%;
	height: 100%;
}
.lets{
	height: 100%;
	width: 200px;
	background-color: #E6E6FA;
	border-right: 1px solid silver;
	text-align: center;
	position: relative;
	}
.proc h2{
	padding-top: 20%;
	font-size: 18px;
	font-weight: 600;
	cursor: pointer;
}
.let{
	height: 100%;
	
}
.let li{
	cursor: pointer;
	text-align: right;
	padding-right: 64px;
	margin-top: 25px;
	font-size: 14px;
	height: 30px;
}
.let li:hover{
	background-color:snow;
	border-left: 8px solid #4169E1;
}
.home{
	font-size: 16px;
	position: absolute;
	left: 280px;
	top: 30px;
}
.menu{
	height: 60px;
	border-bottom: 1px solid #ccc;
}
.menu>button{
	height: 35px;
	border-radius: 8%;
	background-color: #fff;
	border: none;
	width: 80px;
	margin-top: 10px;
	float: left;
	text-align: center;
	margin-left: 3%;
	margin-right: 1%;
}
.menu>button:hover{
	background-color: #ccc;
}

.setting_content{
	position: absolute;
	top: 0;
	left: 200px;
}
.templet_setting{
	position: absolute;
	top: 0;
	left: 200px;
}
.templet_setting>div{
	font-size: 18px;
	font-weight: 700;
	margin-top: 20px;
	margin-left: 35px;
	margin-bottom: 20px;
}
.templet_setting>span{
	cursor: pointer;
	display: inline-block;
	width: 90px;
	height: 30px;
	font-size: 16px;
	text-align: center;
}
.templet_setting>span:hover{
	background-color: skyblue;
}
.delet{
	position: absolute;
	left: 0;
	bottom: -40px;
}
.xuanze{
	margin: 0 auto;
	display: inline-block;
	line-height: 45px;
	margin-left: 16px;
}
.menu_message{
	height: 80px;
	background-color:#F0F8FF;
}
.menu_message>div{
	float: left;
}
.project_name{
	font-size: 16px;
	margin-left: 5%;
	line-height: 80px;
}
.menu_ID{
	margin-left: 4%;
	line-height:80px;
	font-size: 16px; 
}
.project_state{
	margin-left: 5%;
	line-height:80px;
	font-size: 16px; 
}
.menu_content{
	height: 300px;
	display: none;
	border-bottom: 1px solid #ccc;
	font-size: 36px;
	line-height: 300px;
	text-align: center;
	color: red;
}
.project_menu{
	margin-left: 4%;
	line-height: 30px;
	text-align: center;
	height: 30px;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}
.project_menu>span{
	cursor: pointer;
	width: 120px;
	height: 30px;
	float: left;
	font-size: 16px;
	border: 1px solid #ccc;
}
.project_menu>span:hover{
	background-color: #ccc;
}
.active{
	display: block;
}
.attachment{
	margin-top: 2%;
	margin-left: 3%;
}
.attachment_add>img{
	width: 30px;
	height: 30px;
	margin-left: 10px;
}
.attachment_btn{
	font-size: 18px;
	font-weight: 700;
}
.attachment_add{
	cursor: pointer;
}
.attachment_content{
	height: 80px;
	background-color: #ccc;
}
.comments{
	font-size: 18px;
	font-weight: 700;
}
.comments_img>img{
	cursor: pointer;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: 13px;
}
.comments_content{
	height: 80px;
	background-color: #ccc;
}
.state_next{
	font-size: 18px;
	font-weight: 700;
}
.state_check{
	margin-top: 10px;
	margin-left: 5%;
	margin-bottom: 15px;
}
.state_check>input{
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: center;
}
.state_content{
	height: 120px;
	background-color:#E6E6FA; 
}
.state_content>div{
	font-size: 16PX;
	margin-left: 5%;	
}
.input{
	margin-top: 20px;
	margin-left: 80px;
}
.circulation{
	background-color:#4169E1;
	border: none;
	margin-top: 10px;
	width: 60px;
	height: 30px;
	color: #fff;
}
.circulation:hover{
	opacity: 0.8;
}

.setting_content{
	width: 1400px;
}
.selectpicker{
	margin-top: 18px;
}
.main{
	float: left;
	position: absolute;
	left: 20%;
	font-size: 30px;
	top: 50px;
}
/*图标大小*/
.operation{
	padding-top: 8px;
}
.operation a{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 8px;
	margin-right: 8px;
}
.operation img{
	height:20px;
	width: 20px;
}